<template>
  <div class="">
    <Title v-if="TitleName" :name="TitleName" :line="false">
      <div v-if="appendFlag != ''" slot="append">
        <el-button @click="handleGomore" type="text">更多</el-button>
      </div>
    </Title>
    <slot name="sumNum"></slot>
    <div style="margin-top: -10px">
      <slot name="cardContent"></slot>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    TitleName: {
      type: String,
      default: "",
      require: false,
    },
    appendFlag: {
      type: String,
      default: "",
      require: false,
    },
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    handleGomore() {
      this.$emit("handleGomore", this.appendFlag);
    },
  },
};
</script>

<style lang="scss" scoped>
.PT {
  margin-top: 20px;
  position: relative;
}
</style>
